@media screen and (min-width:320px) and (max-width:800px) {

	.header,
	.banner {
		display: none;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.5rem;
		line-height: 1.5rrem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 .2rem #ccc;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
.submenus.active{
	top:0;
	position: relative;
}
	.wrap {
		width: 94%;
		margin: 0 auto;
	}
	.layer .video{
		max-width: 90%;
		height: auto;
	}

	.phoneheader .fr {
		position: absolute;
		right: .3rem;
	}

	.phoneheader .fl img {
		width: 3.5rem;
	}

	.phoneheader .fr span {
		font-size: .5rem;
		margin: 0 .1rem;
	}

	.phoneheader .fr img {
		width: .5rem;
		margin-left: .2rem;
	}

	.mobile-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 99999;
	}

	.mobile_nav {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		width: 60%;
		height: 100%;
		background: #fff;
		padding: 0 0.12rem;
		overflow-y: scroll;
	}

	.mobile_nav .top {


		padding: 20px 0 35px;

	}

	.mobile_nav form {

		width: 200px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #eee;
		margin-right: 30px;
		display: flex;
		margin: 20px auto;
	}

	.mobile_nav form button {
		height: 30px;
		line-height: 30px;
		width: 30px;
		background: url(../images/search2.png) no-repeat center center;
	}

	.mobile_nav form input {
		width: 160px;
		padding-left: 10px;
	}

	.mobile_nav .top img {

		width: 130px;
		display: block;
		margin: 0 auto;
	}

	.mobile-container li {

		line-height: .8rem;
		text-align: left;
		padding-left: .3rem;
	}

	.mobile-container li ul.sub,
	.mobile-container li ul.three {
		display: none;
	}

	.mobile-container li a {
		font-size: .35rem;
		padding-right: 1rem;
	}

	.mobile_nav>ul>li {
		border-bottom: 1px solid rgba(238, 238, 238, 1);

	}

	.mobile_nav>ul>li:nth-of-type(4) {
		background: url(../images/arrow5.png) no-repeat right 10px top 10px;
	}

	.mobile-container li ul.sub li a {
		font-size: .3rem;
		line-height: .4rem;
	}

	.mobile-container li ul.three li a {
		font-size: .25rem;
		padding-right: 0;
	}

	.mobile-container .lang {
		padding: .5rem 0 .2rem;
		text-align: center;
	}

	.mobile-container .lang a {
		margin: 0 0.2rem;
	}

	.mobile-container .lang a.active {
		color: #339A2C;
	}

	.phonebanner {
		display: block;
		margin-top: 1.5rem;
		position: relative;
	}

	.phonebanner img {
		width: 100%;
	}

	.wrap {
		width: 94% !important;
		margin: 0 auto;
	}

	.submenus .wrap {
		display: block;
	}

	.submenus .wrap li a {
		padding: 0 .1rem;
		font-size: .27rem;
		display: block;
		text-align: center;
	}

	.submenus .wrap2 {
		display: flex;
	}

	.submenus .wrap .swiper-container {
		width: 100%;
	}

	.submenus .wrap>ul {
		width: auto;
	}

	.submenus .menus {
		text-align: right;
	}

	.submenus .menus a,
	.submenus .menus span {
		font-size: .25rem;
	}

	.aboutbox1 {
		padding-top: 1rem;
	}

	.aboutbox1 .fn-clear>img,
	.aboutbox1 .fn-clear>.right {
		width: 100%;
	}

	.aboutbox1 .fn-clear>.right {
		padding: .3rem 3%;
	}

	.aboutbox1 .fn-clear>.right span.ch,
	.aboutbox2 .wrap .text span.en,
	.aboutbox3 .wrap span.en,
	.aboutbox4 span.en,
	.aboutbox6 span.en,
	.aboutbox5 .text span.en,
	.aboutbox7 span.en {
		font-size: .5rem;
		text-align: left;
		line-height: .6rem;
		margin: 0;
	}

	.aboutbox1 .fn-clear>.right span.en,
	.aboutbox2 .wrap .text span.ch,
	.aboutbox3 .wrap span.ch,
	.aboutbox4 span.ch,
	.aboutbox6 span.ch,
	.aboutbox5 .text span.ch,
	.aboutbox7 span.ch {
		font-size: .4rem;
		text-align: left;
		margin-bottom: .2rem;
	}

	.producedetail .box3 p.font,
	.producedetail .box2 .content p,
	.producedetail .box1 .fl p,
	.aboutbox1 .fn-clear>.right p,
	.aboutbox2 .wrap .text p,
	.aboutbox4 li p,
	.aboutbox5 .text p,
	.casedetail .tab1 .text p,
	.productbox1 li .text p,
	.productbox2 .swiper-slide .font p {
		font-size: .28rem;
		line-height: .5rem;
		margin-bottom: .2rem;
	}

	.aboutbox1 .fn-clear>.right li span,
	.aboutbox7 .content .left span,
	.footer .fl p.p1,
	.footer .fr .text h2 {
		font-size: .3rem;
	}

	.aboutbox1 .fn-clear>.right ul,
	.aboutbox2 .wrap .text ul,
	.aboutbox4 ul,
	.aboutbox6 .swiper-container,
	.aboutbox7 .content,
	.footer .fl .tel {
		margin-top: .4rem;
	}
    .footer .copy{
	text-align: center;
	margin-top: .5rem;

}
.footer .copy p{
	font-size:.26rem;
    font-weight: 400;
    color: #666666;
    line-height: .36rem;
}
	.aboutbox1 .fn-clear>.right li img {
		height: .8rem;
	}

	.aboutbox2,
	.aboutbox3,
	.aboutbox5 .text,
	.aboutbox5 .content,
	.aboutbox6,
	.aboutbox7,
	.footer,
	.productlist {
		padding: .4rem 0 .6rem;
	}

	.aboutbox4 {
		padding: 0rem 0 .6rem;
	}

	.aboutbox2 .wrap .text,
	.aboutbox2 .wrap .text ul li img {
		width: 100%;
	}

	.aboutbox2 .wrap .text ul li {
		width: 48%;
		margin-right: 2%;
	}

	.aboutbox3 .content {
		padding: .5rem 0;
	}

	.aboutbox3 span.num {
		font-size: .8rem;
		line-height: 1.2rem;
	}

	.aboutbox3 .font1 {
		font-size: .4rem;

	}

	.aboutbox3 .swiper-slide-active .font1 {
		padding-bottom: .3rem;
	}

	.aboutbox3 .swiper-slide-active .num2 {
		font-size: .55rem;
		margin-top: .2rem;
	}

	.aboutbox3 .font2 {
		font-size: .3rem;
	}

	.aboutbox3 .swiper-slide-active,
	.aboutbox3 .swiper-slide {
		padding-top: .5rem;
	}

	.aboutbox3 .swiper-father {
		background: url(../images/bg14.png) no-repeat top 26% center;
	}

	.aboutbox3 .swiper-button-prev {
		left: 0;
		width: 20px;
		height: 50px;
		top: 25%
	}

	.aboutbox3 .swiper-button-next {
		width: 20px;
		height: 50px;
		right: 0;
		top: 25%
	}

	.aboutbox3 .swiper-container {
		width: 94%;
	}

	.aboutbox4 li {
		width: 30%;
	}

	.aboutbox4 li img {
		height: 2rem;
	}

	.aboutbox4 li span {
		font-size: .35rem;
	}

	.aboutbox5 .swiper-slide-active img {
		transform: scale(1);
		width: 100%;
	}

	.aboutbox5 .btn {
		left: 50%;
		margin-left: -54px;
		bottom: .3rem;
	}

	.aboutbox6 .swiper-button-prev {
		width: .5rem;
		height: 1rem;
		left: 0;
	}

	.aboutbox6 .swiper-wrapper {
		margin: 0;
	}

	.aboutbox6 .swiper-slide p {
		bottom: .2rem;
		left: .2rem;
		font-size: .3rem;
	}

	.aboutbox7 .content {
		display: block;
	}

	.aboutbox7 .content .left,
	.aboutbox7 .content .right,
	.footer .fr .text {
		width: 100%;
	}

	.aboutbox7 .content .left {
		display: flex;
	}

	.aboutbox7 .content .left span {
		flex: 1;
		height: 1rem;
		line-height: 1rem;
	}

	.aboutbox7 .content .right {
		padding: .2rem;
	}

	.aboutbox7 .content .right li {
		width: 32%;
		height: 1rem;
		margin: 0 1% .2rem 0 !important;
	}

	.footer .fl p.p2 {
		font-size: .5rem;
	}

	.footer .fl p.p3,
	.footer .fr .text>div li a,
	.footer .fr .text>div span {
		font-size: .25rem;
	}

	.footer .fl,
	.footer .fr {
		width: 100%;
	}

	.footer .fr {
		margin-top: .3rem;
		display: block;
	}

	.footer .fr .text h2,
	.footer .fr .text>div li {
		margin-bottom: .2rem;
	}

	.footer .fr .link {
		display: flex;
		align-items: center;
		justify-content: center;
		margin:0 .4rem;
	}
	.footer .fr .ico{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer .fr .ico a {
		margin: 0 .1rem;
	}

	.phonebanner h2 {
		position: absolute;
		top: 50%;
		width: 100%;
		text-align: center;

		font-size: .4rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;


	}

	.caselist {
		padding-top: .7rem;
	}

	.caselist li .text,
	.caselist li img,
	.caselist li:nth-of-type(2n) .text {
		width: 100%;
		position: relative;
	}

	.caselist li .wrap {
		display: block;
	}

	.caselist li .text p.title {
		font-size: .35rem;
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}

	.caselist li .text p.font {
		font-size: .28rem;
	}

	.caselist li .text a {
		width: 2.5rem;
		font-size: .28rem;
		height: .7rem;
		padding-left: .3rem;
		line-height: .7rem;
		margin: .3rem 0;
		background: url(../images/arrow.png) no-repeat right .5rem center/.5rem;
		background-color: #339A2C;
		border-radius: .5rem;
	}

	.caselist li {
		padding: .4rem 0;
	}

	.caselist li:nth-of-type(2n) img {
		float: none;
	}

	.casedetail {
		padding-top: .6rem;
	}

	.casedetail .tab1 {
		padding: .4rem 0 .6rem;
	}

	.casedetail .tab1 h2 {
		font-size: .4rem;
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}

	.productlist li {
		width: 100%;
		padding: .2rem;
		margin-bottom: .3rem;
		height: auto;

	}

	.productlist li p.title {
		font-size: .3rem;
		margin: .2rem 0;
	}

	.productlist li p.font {
		font-size: .28rem;
		color: #666;
		height: auto;
		display: block;
	}

	.productlist li:hover {
		background: url(../images/arrow.png) no-repeat right .2rem bottom .2rem;
		background-color: #339A2C;

	}

	.productlist li:hover p.font {
		display: block;
		color: #fff;
	}

	.productlist li:hover p.title {
		color: #fff;
		margin: .2rem 0;
	}

	.productlist li:hover img {
		display: none;
	}

	.producedetail .wrap>div {
		padding-top: .3rem;
	}

	.producedetail .title {
		font-size: .4rem;
		margin-bottom: .2rem;
	}

	.producedetail {
		padding-bottom: 1rem;
	}

	.producedetail .box1 .fl,
	.producedetail .box1 .fr {
		width: 100%;
	}


	.phonebanner .wrap {
		position: absolute;
		top: 20%;
		height: 85%;

		left: 0;
		width: 100% !important;

		box-sizing: border-box;


	}

	.phonebanner .wrap h2 {
		top: 20%;
	}

	.phonebanner .wrap .butn {
		display: flex;
		margin-top: 85px;
		align-items: center;
		justify-content: center;
	}

	.phonebanner .wrap .butn a ,.indexbox3 .butn a{
		width: 2rem;
		height: .6rem;
		background: #056FF3;
		border-radius: .4rem;
		line-height: .6rem;
		font-size: .28rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		margin-right: .2rem;
		box-sizing: border-box;
		padding-left: .3rem;
		display: inline-block;
	}

	.phonebanner .wrap .butn a:first-child,.indexbox3 .butn a:first-child {
		background: url(../images/video.png) no-repeat right .2rem center/.3rem;
		background-color: #056FF3;
	}

	.phonebanner .wrap .butn a:last-child ,.indexbox3 .butn a:last-child{
		background: url(../images/arrow.png) no-repeat right .2rem center/.3rem;
		background-color: #339A2C;
	}


	.productbox1,
	.productbox2 .content,
	.productbox4 {
		padding: .4rem 0 .6rem;
	}

	.commonitem span.en,
	.productbox2 .swiper-slide .item span.ch,
	.commonitem2 span.ch {
		font-size: .5rem;
		margin-top: -20px;
	}

	.commonitem span.ch {
		font-size: .4rem;
		margin-top: -30px;
	}

	.commonitem2 img,
	.productbox2 .swiper-slide .item img {
		height: 1.2rem;
		margin-top: .2rem;
	}

	.commonitem p {
		font-size: .28rem;
	}

	.productbox2 .swiper-pagination {
		width: 100% !important;
	}

	.commonitem2 {
		margin-bottom: .3rem;
	}

	.productbox1 ul,
	.productbox2 .content {
		margin-top: .4rem;
		display: block;
	}

	.productbox2 .swiper-slide .item span.num,
	.commonitem2 span.num {
		font-size: .6rem;
	}

	.productbox1 li {
		width: 100%;
		margin-bottom: .3rem;
	}

	.productbox1 li .photo {
		padding: .2rem 0;
	}

	.productbox1 li .photo p {
		font-size: .3rem;
	}

	.productbox1 li .text {
		padding: .2rem;
	}

	.productbox1 li .text p {
		height: auto;
	}

	.productbox1 li:hover {
		transform: scale(1);
	}

	.productbox1 li .photo i {
		height: .7rem;
	}

	.productbox1 li .photo i img {
		max-height: 100%;
	}

	.productbox2 .swiper-slide>img,
	.productbox2 .swiper-slide .text,
	.productbox3 .tab>div,
	.productbox3 .tab>img {
		width: 100% !important;
		position: relative !important;
		margin-left: 0% !important;
	}

	.productbox2 .swiper-slide,
	.productbox3 .tab {
		display: block;
	}

	.productbox3 {
		padding: .4rem 3% .6rem;

	}

	.productbox5,
	.productbox6,
	.newslist {
		padding: .4rem 0% .6rem;
	}

	.productbox3 .tab {
		padding: .3rem 0;
	}

	.productbox3 .tab>div span,
	.productbox4 .content li span {
		font-size: .32rem;
	}

	.productbox3 .tab>div p,
	.productbox4 .content li p,
	.productbox5 .content p,
	.relate li p.title,
	.xq_box .content p {
		font-size: .28rem;
		line-height: .5rem;
	}

	.productbox4 .commonitem2 span.en {
		width: auto;
	}

	.productbox4 .commonitem2 span.num {
		margin-left: -60%;
	}

	.productbox4 .content,
	.productbox5 .content ul,
	.productbox6 ul {
		margin-top: .4rem;
	}

	.productbox4 .content li {
		width: 48%;
		margin: 0 2% .3rem 0;

		display: inline-block;
		vertical-align: top;
	}

	.productbox4 .content li:nth-of-type(2n) {
		margin-right: 0;
	}

	.productbox4 .content ul {

		display: block;
	}

	.productbox4 .content li i {
		height: 1.3rem;
	}

	.productbox4 .content li i img {
		max-height: 90%;
	}

	.productbox5 .content li {
		width: 33%;
		background: url(../images/arrow2.png) no-repeat right center/.5rem;
		margin-bottom: .2rem;
	}

	.productbox5 .content ul {

		flex-wrap: wrap;
		justify-content: center;
	}

	.productbox5 .content .circle {
		width: 1.5rem;
		height: 1.5rem;
		margin: 0 auto;
	}

	.productbox5 .content li p,
	.productbox6 li p {
		margin-top: .2rem;
		text-align: center;
		font-size: .28rem;
	}

	.productbox6 li,
	.relate li,
	.kehulist li {
		width: 49%;
		margin: 0 2% .3rem 0;
	}

	.productbox6 li:nth-of-type(2n),
	.relate li:nth-of-type(2n),
	.kehulist li:nth-of-type(2n) {
		margin-right: 0;
	}

	.productbox6 ul {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.newslist .wrap>h2,
	.indexnews h2,
	.kehulist h2,
	.join h2,
	.contact .item p.ch ,.indexbox6 h2{

		font-size: .4rem;
		padding-bottom: .2rem;
		margin: 0;

	}

	.relate {
		padding-top: .2rem;
		margin-top: .2rem;
	}

	.relate li p.title {
		margin: .2rem .1rem .1rem;
	}

	.relate li p.font,
	.relate li p.time {
		font-size: .26rem;
		margin: .1rem;
		line-height: .4rem;
	}

	.xq_box .xq_title .title_p {
		padding-bottom: .2rem;
		font-size: .38rem;
		margin: 0;
	}

	.xq_box .xq_title .time span:last-child {
		margin-top: .2rem;
		display: block;
	}

	.xq_box .xq_title .time,
	.relate li p.time {
		font-size: .24rem;
	}

	.xq_box .content {
		padding-top: .4rem;
	}

	.productlist a.more,
	.join a.more {
		font-size: .28rem;
		height: .7rem;
		line-height: .7rem;
	}

	.contact,
	.kehulist,
	.join {
		padding: .4rem 0 .6rem;
	}

	.join ul,
	.join li .content,
	.contact .map,
	.kehulist ul {
		margin-top: .4rem;
	}

	.join li {
		width: 100%;
		padding: .2rem;
		margin: 0 0 .3rem 0;
	}

	.join li .title span:first-child {
		font-size: .32rem;
	}

	.join li .title span:last-child,
	.join li .content p,
	.join li .content span,
	.contact .item p.en,
	.contact .text p,
	.kehulist li p {
		font-size: .28rem;
		line-height: .5rem;
	}

	.join li .title,
	.contact .item {
		margin-bottom: .2rem;
	}

	.join li .content .text,
	.kehulist li p {
		margin-top: .2rem;
	}

	.join li .num {

		height: auto;
		line-height: .7rem;
	}

	.join li .num span {
		font-size: .28rem;
		display: block;
	}

	.join li .num img {
		height: .4rem;
	}

	.contact .map {
		height: 4rem;
	}

	.kehulist h2,
	.join h2 {
		line-height: .5rem;
	}

	.kehulist,
	.join {
		padding-top: 1rem;
	}

	.kehulist li:nth-of-type(3n) {
		margin-right: 2%;
	}

	.kehulist li:nth-of-type(6n) {
		margin-right: 0%;
	}


	.indexbox5 .left {
		position: relative;
		width: 100%;
		top: .3rem;
	}

	.indexbox5 .left .text {
		top: 10%;
		padding: 0 2%;
	}

	.indexbox5 .left .text p.title {
		font-size: .33rem;
		line-height: .4rem;
		margin-bottom: .2rem;
		height: auto;
	}

	.indexbox5 .left .text p.font {
		font-size: .25rem;
		line-height: .4rem;
		height: .8rem;
		margin-bottom: .2rem;
	}

	.indexbox5 .left .text span.time {
		font-size: .25rem;
	}

	.indexbox5 .box {
		width: 100%;
		float: none;
		padding: .2rem;
		margin-top: .5rem;
	}

	.indexbox5 .box li {
		width: 48.2%;
		margin-right: 2.4%;
	}

	.indexbox5 .box li img {
		height: 2.2rem;
	}
.indexbox5 .box li p.title {
    font-size: .28rem;
    line-height: .4rem;
    margin: .2rem 0;
}
	.indexbox5 .box li p.font,
	.indexbox5 .box li p.time {
		font-size: .25rem;
		line-height: .4rem;
	}

	.indexbox5 .left .text a {
		width: 100px;
		font-size: .25rem;
		display: block;
		margin: .2rem auto;
		height: .8rem;
		line-height: .8rem;
		float: none;
	}
	.indexbox2,.indexbox3,.indexbox4,.indexbox6,.indexbox5{
		padding:.4rem 0 .6rem;
	}
	.indexbox2 .wrap{
		display: block;
	}
	.indexbox2 .commonitem{
		text-align: center;
		margin-bottom:.3rem;
	}
	.indexbox2 li {
	    width: 100%;
	    padding: .2rem;
	    margin-bottom: .3rem;
	    height: auto;
	}
	.indexbox2 ul{
		width: 100%;
	}
	.indexbox2 li p.title {
	    font-size: .3rem;
	    margin: .2rem 0;
	}
	.indexbox2 li p.font {
	    font-size: .28rem;
	   
	    height: auto;
	    display: block;
	}
	.indexbox2 li:hover {
			background: url(../images/arrow.png) no-repeat right .2rem bottom .2rem;
			background-color: #339A2C;
	
		}
	
		.indexbox2 li:hover p.font {
			display: block;
			color: #fff;
		}
	
		.indexbox2 li:hover p.title {
			color: #fff;
			margin: .2rem 0;
		}
	
		.indexbox2 li:hover img {
			display: none;
		}
.indexbox3 .butn{
	margin:.4rem 0;
}

.indexbox6 .item li a{
	margin-right: .2rem;
	font-size: .3rem;
}
.indexbox6 .item>a{
	font-size: .3rem;
	    background: url(../images/arrow3.png) no-repeat right center/.4rem;
	    padding-right: .4rem;
		line-height: .4rem;
		height: .4rem;
}
.indexbox6 .right{
	margin-top:.4rem;
}
.indexbox6 .tab li{
	width: 32%;
	height: 1rem;
	margin:0 2% .2rem 0;
}
.indexbox6 .tab li:nth-of-type(3n){
	margin-right:0;
}
.indexbox6 .right .tab{
	width: 90%;
	margin:0 5%;
}
.indexbox6 .swiper-button-prev{
	left: 0;
}
.indexbox6 .swiper-button-next{
	right:0;
}
.indexbox5 .commonitem{
	text-align: center !important;
	background: url(../images/bg18.png) no-repeat center bottom;
	padding-bottom: .3rem;
}
.indexbox5 span.ch{
	margin:-20px 0 0 0 !important
}
.indexbox4 ul{
	margin-top:.4rem;
}
.indexbox4 li{
	width: 1.5rem;
	height: 1.5rem;
	padding-top:.4rem;
}
.indexbox4 li img{
	max-height: 65%;
}
.indexbox4 li span{
	font-size: .3rem;
}
.indexbox1 .content .options .tab>div>a, .indexbox4 a.more,.indexbox5 .left .text a,.banner .swiper-slide a,.indexbox5 a.more{
	    width: 2.2rem;
	    font-size: .28rem;
	    height: .7rem;
	    padding-left: .3rem;
	    line-height: .7rem;
	    margin: .3rem auto 0;
		display: block;
	    background: url(../images/arrow.png) no-repeat right .2rem center/.4rem;
	    background-color: #339A2C;
	    border-radius: .5rem;
		
}
.indexbox1 .commonitem{
	padding:.4rem 0;
}
.banner .swiper-slide a{
	margin:.2rem 0;
}
.indexbox4 a.more{
	margin: .8rem auto 0;
}
.indexbox1 .content .options{
	min-width: 100%;
}
.indexbox1 .content .options .tab>div>span{
	font-size: .34rem;
}
.indexbox1 .content .options .tab>div>p{
	font-size: .28rem;
}

.banner .swiper-wrapper .swiper-slide{
	padding-bottom: 100%;
}
.banner .swiper-slide .wrap p.font1{
	font-size: .4rem;
	line-height: .5rem;
}
.banner .swiper-slide .wrap p.font2{
	font-size: .28rem;
	margin:.2rem 0;
}

.banner .swiper-slide .wrap img{
	max-width: 50%;
}
.banner .swiper-slide .wrap{
	top:10%;
	left: 5%;
	width: 90% !important
;
}
.banner .swiper-slide a.more{
	    background: url(../images/arrow.png) no-repeat right .2rem center/.4rem;
	    background-color: #339A2C;
}
.banner .swiper-pagination{
	bottom:20px !important
;
text-align: center;
}
}



@media screen and (min-width:800px) and (max-width:1700px) {
	
	.header .fr .search form{
		width: 200px;
	}
	.header a.fl img{
		height: 40px;
		
	}
	.header a.fl{
		padding-top:10px;
	}
	.header .fr li{
		margin-left: 3%;
	}
	.header .fr ul{
		width: 60%;
		text-align: center;s
	}
	
}

@media screen and (min-width:800px) and (max-width:1400px) {
	.header .fr li a{
		font-size: 14px;
	}
	.header .lang a{
		font-size: 16px;
		margin:0 10px;
	}
	.header .fr li{
		margin-left: 3.5%;
	}
	.header{
		padding:0 25px;
	}
	.header a.fl img{
		height: 35px;
	}
	.header .fr ul{
		width: 62%;
	}
	
}